<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">


<head>
<title><ui:insert name="pageTitle">Test</ui:insert></title>
<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- JavaScript -->
<script type="text/javascript" src="scripts/wufoo.js"></script>

<!-- CSS -->
<link rel="stylesheet" href="css/structure.css" type="text/css" />
<link rel="stylesheet" href="css/form.css" type="text/css" />
<link rel="stylesheet" href="css/theme.css" type="text/css" />
</head>

<body id="public">
<div id="container">
<h:form id="form" class="wufoo">
	<div class="info">
	<h2>Administrar clientes</h2>
	<div>Esta funcionalidad permite 
	consultar y modificar la información de un cliente y el inventario de productos
	Mobile And Business Ltda que tiene asociados</div>
	</div>
	<ul>
			<li><label class="desc"><h:outputText id="otClientes" value="Clientes"/></label>
				<div>
					<h:selectOneMenu id="somListaCLientes" value="#{clienteBean.idClienteSeleccionado}"  class="field select">
						<f:selectItems id="sliListaClientes" value="#{clienteBean.selectItemsListaClientes}"/>
					</h:selectOneMenu>
				</div>
			</li>
			<li class="buttons">
				<h:commandButton action="#{clienteBean.consultar}" value="Consultar" styleClass="btTxt" type="submit"/>				
			</li>
		<h:panelGroup id="panelGroup" rendered="#{clienteBean.mostrarResultadoConsulta}">		
			<li class="section first">
				<h4>Cliente:&nbsp;<h:outputText id="otClienteSeleccionado" value="#{clienteBean.clienteSeleccionado.nombre}"/> </h4>		
			</li>
			<li class="complex">
				<label class="desc">Información básica</label>
				<div>
					<span class="full">
					<h:inputText id="itNombreCliente" value="#{clienteBean.clienteSeleccionado.nombre}" styleClass="field text addr" />
					<label>Nombre/razón social</label>
					</span>
			
					<span class="left">
					<h:inputText id="itTipoIdentificacion" value="#{clienteBean.clienteSeleccionado.tipoIdentificacion1.codigo}" styleClass="field text addr" />
					<label>Tipo de identificación</label>
					</span>
			
					<span class="right">
					<h:inputText id="itNumeroIdentificacion" value="#{clienteBean.clienteSeleccionado.numeroIdentificacion}" styleClass="field text addr" />
					<label>Nro. de identificación</label>
					</span>
					
				</div>
			</li>
			<li class="complex">
				<label class="desc">Ubicación</label>
				<div>
					<span class="full">
					<h:inputText id="itDireccion" value="#{clienteBean.clienteSeleccionado.direccion}" styleClass="field text addr" />
					<label>Dirección</label>
					</span>
			
					<span class="left">
					<h:inputText id="itCiudad" value="#{clienteBean.clienteSeleccionado.municipioBean.nombre}" styleClass="field text addr" />
					<label>Ciudad</label>
					</span>
			
					<span class="right">
					<h:inputText id="itDepto" value="#{clienteBean.clienteSeleccionado.municipioBean.departamentoBean.nombre}" styleClass="field text addr" />
					<label>Departamento</label>
					</span>
					
					<span class="left">
					<h:inputText id="itTelefono" value="#{clienteBean.clienteSeleccionado.telefono}" styleClass="field text addr" />
					<label>Telefono fijo</label>
					</span>
					
					<span class="full">
					<h:inputText id="itEmail" value="#{clienteBean.clienteSeleccionado.email}" styleClass="field text addr" />
					<label>e-mail</label>
					</span>
				</div>
			</li>
			<li class="complex">
				<label class="desc">Representante legal</label>
				<div>
					<span class="full">
					<h:inputText id="itNombreRepreLegal" value="#{clienteBean.clienteSeleccionado.nombreReprelegal}" styleClass="field text addr" />
					<label>Nombre completo</label>
					</span>
			
					<span class="left">
					<h:inputText id="itTipoIdentRepreLegal" value="#{clienteBean.clienteSeleccionado.tipoIdentificacion2.codigo}" styleClass="field text addr" />
					<label>Tipo de identificación</label>
					</span>
			
					<span class="right">
					<h:inputText id="itNroIdentiRepreLegal" value="#{clienteBean.clienteSeleccionado.numeroIdentReprelegal}" styleClass="field text addr" />
					<label>Nro. de identificación</label>
					</span>
					
					<span class="left">
					<h:inputText id="itTelRepreLegal" value="#{clienteBean.clienteSeleccionado.telefonoReprelegal}" styleClass="field text addr" />
					<label>Teléfono oficina</label>
					</span>
					
					<span class="right">
					<h:inputText id="itCelularRepreLegal" value="#{clienteBean.clienteSeleccionado.celularReprelegal}" styleClass="field text addr" />
					<label>Celular</label>
					</span>
					
				</div>
			</li>
			<li class="complex">
				<label class="desc">Información de usuario</label>
				<div>
					<span class="left">
					<input class="field text addr" type="text" value="" />
					<label>Nombre de usuario</label>
					</span>
					
					<span class="right">
					<input id="" class="btTxt" type="submit" value="Generar nueva contraseña" />
					<label>Generar nueva contraseña</label>
					</span>
			
					<span class="left">
					<label>10/12/2011</label>
					<label>Usuario desde</label>
					</span>
				</div>		
			
			</li>
			<li class="section first">
					<h4>Listado de dispositivos</h4>						
			</li>			
			<li>
				<div class="likert">							
						<table>
							<thead>
								<tr>							
								<th>
									Serial
								</th>
								<th>
									Marca
								</th>
								<th>
									Modelo
								</th>
								<th>
									Ubicación
								</th>
								<th>
									Descripción
								</th>
								<th>
									Modificar
								</th>
								<th>
									Eliminar
								</th>
							</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<label>S234545</label>
									</td>
									<td>
										<label>EBS</label>
									</td>
									<td>
										<label>LX20</label>
									</td>
									<td>
										<label>OFICINA PRINCIPAL ENTRADA OFICINA 206</label>
									</td>
									<td>
										<label>Trasmite a través de GPRS usando WITECH</label>
									</td>
									<td>
										<label><a>Modificar</a> </label>
									</td>
									<td>
										<label><a>Eliminar</a> </label>
									</td>
								</tr>
							</tbody>
						</table>				
				</div>
			</li>
			<li class="buttons">
				<input id="saveForm" class="btTxt" type="submit" value="Adicionar dispositivo" />										
			</li>
			<li class="buttons">
				<input id="saveForm" class="btTxt" type="submit" value="Guardar" />
				<input id="saveForm" class="btTxt" type="submit" value="Cancelar" />							
			</li>
		</h:panelGroup>
	</ul>
	
</h:form>
</div>
<img id="bottom" src="images/bottom.png" alt="" />

</body>

</html>